import Toast from './Toast.vue';
import {createVNode, render} from 'vue';
// Vue.use()
const toast = {};
toast.install = (app, options) => {
  app.config.globalProperties.$toast = function (opts) {
    // 组件要挂载的位置
    const container = document.createElement('div')
    // msg 传递过来的消息
    // vue.extend vue2.0 里面的api 将组件变成构造器
    // vue3.0 创建虚拟dom
    const vm = createVNode(
      Toast,
      options,
      null
    );
    // 将虚拟dom挂载到真实dom上
    render(vm, container);
    // 第一个子节点
    document.body.appendChild(container);
    let {msg, durtion, position} = opts;


    vm.component.data.visible = true;
    vm.component.data.message = msg;

    // 过3s清空
    setTimeout(() => {
      // 属性值  变成false
      vm.component.data.visible = false;
      document.body.removeChild(container);
    }, durtion);
  }
};

export default toast;



